<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>搜索用户</title>
		<script src="../js/jquery3.5.1.js"></script>
		<script src="../js/vue.js"></script>
		<script src="../js/axios.min.js"></script>
		<script src="../js/elementui.js"></script>
		<script src="../js/mine.js"></script>
		<link rel="stylesheet" href="../css/index.css" />
		<link rel="stylesheet" href="../css/myvideo.css" />
		<link rel="stylesheet" href="../css/searchVideo.css" />
		<link rel="stylesheet" href="../css/searchUser.css" />
		<link href="../layui/css/layui.css" rel="stylesheet">
	</head>
	<body>
		<div id="app">
		<div id="searchTop">
				<ul>
					<li><a style="color: white;"  href="searchVideo.html">视频</a></li>
					<li><a style="color: #FF1493;" href="#">用户</a></li>
				</ul>
			</div>
			<div id="max">
				
			<template v-for="obj in 20">
				<div id="searchuser">
				<img class="imguser" src="../img/CC.png"/>
				<div class="username">绿色头发魔女</div>
				<button class="but">关注</button>
				<div class="userinfo">
					<div class="usernum">
						逗比号:tiancai123
						&nbsp;&nbsp;&nbsp;<span class="yi">|</span>
						114获赞
						&nbsp;&nbsp;&nbsp;<span class="yi">|</span>
						10粉丝
					</div>
					<div class="usertext">
						我只是一个简介而已。
					</div>
				</div>
				</div>
			</template>
			
			</div>
		</div>
	</body>
	<script>
		new Vue({
			el:"#app",
			data:{

			},methods:{
				
			}
		})
	</script>
	<script type="text/javascript">
		
		$(".but").click(function(){
			$(this).toggleClass("buth")
		})
	</script>
</html>
